@charset "utf-8";
/**
 * goods.css 
 * @author jlve<353375095@qq.com> 
 * @create 2015-09-11 
 * 
 * ------- layout ------- 
 * curPositionWrap顶部当前位置 
 * #productNaviWrap导航条背景 
 * pathWrap当前位置 
 * curKeyWordWrap当前筛选条件 
 * keyWordWrap筛选条件
 * orderListWrap排序 
 * productWrap产品列表 
 * pageWrap分页按钮区 
 * footer页脚 
 * ------- icons ------- 
 * 
 * ------- form ------- 
 * 
 * ------- button ------- 
 * 
 * ------- z-index ------- 
 * 
 * ------- page ------- 
 * productCenter产品定制列表页 
 *

/* mainbanner--------------------------------------------------------------------------------------- */
.baseBanner {height: 500px;background-image: url(../../images/goods/banner.jpg);background-repeat: no-repeat;background-position: center center;width: 100%;margin-bottom: 15px;}
.baseBanners {height: 481px;background-repeat: no-repeat;background-position: center center;width: 100%;margin-bottom: 15px;position: relative;}
.brandWrapImage img{width:100%;height:100%;}
.baseBanners img{width: 1920px;height: 480px;position: absolute;left: 50%;margin-left: -960px;}
.diyIndexBanner {height:1005px;background-image: url(../../images/goods/diyindexbanner.png);background-repeat: no-repeat;background-position: center center;width: 100%;}
.genusBanner {height: 435px;background-image: url(../../images/goods/genusbanner.png);background-repeat: no-repeat;background-position: center center;width: 100%;margin-bottom: 15px;}
.sizeBanner {height: 118px;background-image: url(../../images/goods/banner1.jpg);background-repeat: no-repeat;background-position: center center;width: 100%;margin-bottom: 15px;}
.groupBanner {height: 481px;background-image: url(../../images/goods/banner2.jpg);background-repeat: no-repeat;background-position: center center;width: 100%;margin-bottom: 15px;}
.radioWrap{
	display: inline-block;
	height: 1px;
	width: 1px;
	text-indent: -1000px;
	overflow: hidden;
	*display:inline;
	 *zoom:1;
	padding-right: -100px;
}
.eaguebanner{height: 815px;background-image: url(../../images/goods/eaguebanner.png);background-repeat: no-repeat;background-position: center center;width: 100%;}




/* curPositionWrap--------------------------------------------------------------------------------------- */
.curPositionWrap{
	margin-left: 56px;
}
/* curPositionGenusWrap--------------------------------------------------------------------------------------- */
.curPositionGenusWrap{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #232223;
}

/* contentWrap--------------------------------------------------------------------------------------- */
.popContainer { width:610px;margin-left:auto;margin-right:auto;margin-top:30px;*zoom:1;}
.popContainer:before {display:table;content:"";}
.popContainer:after {display:table;content:"";clear:both;}

.placeOrderTable{width: 400px;padding-top:10px;padding-bottom:10px;*padding-top:0px;*padding-bottom:0px;}
.placeOrderTable input[type="text"]{ font-size: 12px;color: #666666;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 5px;border: 1px solid #e3e3e3;height: 20px;line-height:20px;}
.placeOrderTable input[type="text"]:focus{border: 1px solid #ff0000;}
.placeOrderTable textarea{resize:none;font-size: 12px;color: #666666;width: 280px;height: 50px;padding-top: 6px;padding-right: 15px;padding-bottom: 6px;padding-left: 5px;border: 1px solid #dcdcdc;line-height:20px;}
.placeOrderTable textarea:focus{border: 1px solid #ff0000;}
.uptime {width: 56px;height: 8px;background-image: url(../../images/goods/uptime.png);	background-repeat: no-repeat;	background-position: center center;}
.uptime:hover {background-image: url(../../images/goods/uptimeon.png);}
.downtime {margin-top: 1px;	width: 56px;height: 8px;background-image: url(../../images/goods/downtime.png);background-repeat: no-repeat;background-position: center center;*position: relative;*top: -12px;}
.downtime:hover {background-image: url(../../images/goods/downtimeon.png);}
.blueTime{ *vertical-align:13px;font-size: 12px; text-align:center;color: #fff!important;padding-top: 5px;padding-right: 2px!important;padding-bottom: 5px;padding-left: 2px!important;;background-color:#009f95;border: 1px solid #009f95!important;height: 20px;line-height:20px;}
.blueTime:focus{border: 1px solid #009f95!important;}

.headerList dl:hover{background-color:#f9f9f9;}
.headerList dl{float:left;margin-left:10px;width:240px;padding:20px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #cbcbcb;}
.headerList dt{ width:77px;height:77px;float:left; overflow:hidden;margin-right:30px;}
.headerList dt img{width: 73px;height: 73px;border: 2px solid #cfcfcf;}
.headerList dd{ height:28px;line-height:28px;float:left; overflow:hidden;min-width:130px;color:#b4b4b4;}
.headerList .on{background-color:#f9f9f9;}
.headerList .on img{width: 73px;height: 73px;border: 2px solid #ffb400;}
.headerList .imgCheck{
	display:inline-block;
	width: 77px;
	height: 77px;
	position: relative;
	left: 0px;
	top: -73px;
}
.headerList .on .imgCheck{
	background-image: url(../../images/goods/imgcheck.png);
	background-repeat: no-repeat;
	background-position: 53px 48px;
}

.okWrap{width: 910px;border: 1px solid #ddd;float: right;margin-top: 30px;margin-bottom: 30px;height: auto;padding-left: 370px;padding-top: 200px;}
.okWrap h1{font-family: "微软雅黑", "宋体";font-size: 24px;font-weight: normal;}
.okWrap a{color: #f99000 !important;text-decoration: none;}
.bigContentWrap dl{width: 1280px;border: 1px solid #ddd;margin-top: 30px;margin-bottom: 30px;height: auto;padding-bottom: 30px;}
.bigContentWrap dt{margin-bottom: 30px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ddd;line-height: 60px;height: 60px;width: 1200px;margin-right: auto;margin-left: auto;}
.bigContentWrap dt h1{float: left;font-family: "微软雅黑", "宋体";font-size: 18px;font-weight: normal;text-indent: 5px;}
.bigContentWrap dd{padding-bottom: 20px;}
.bigContentWrap dd article{height: auto;width: 1000px;margin-right: auto;margin-left: auto;padding-top: 20px;padding-bottom: 20px;line-height: 30px;}
.bigContentWrap dd li{height: 56px;width: 1020px;line-height: 56px;margin-right: auto;margin-left: auto;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #ddd;padding-right: 10px;font-size: 14px;}
.bigContentWrap dd li a{text-decoration: none;color: #898989;}
.bigContentWrap dd li a:hover{text-decoration: none;color: #f99000;}
.bigContentWrap dd article h1{font-size: 16px;line-height: 80px;height: 80px;width: 100%;text-align: center;}
.bigContentWrap dd article h2{line-height: 20px;height: 20px;width: 100%;text-align: center;font-weight: normal;margin-bottom: 30px;}
#styleWrap .rightIcon{background-image: url(../../images/goods/righticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top: 30px;}
#styleWrap .lefttIcon{background-image: url(../../images/goods/lefticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top: 30px;margin-left: 50px;margin-right: 150px;}
#styleWrap .rightIcon1{background-image: url(../../images/goods/righticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top: 30px;}
#styleWrap .lefttIcon1{background-image: url(../../images/goods/lefticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top: 30px;margin-left: 70px;margin-right: 150px;}
#fabricWrap .rightIcon{background-image: url(../../images/goods/righticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top: 30px;position: relative;left: 300px;top: 200px;}
#fabricWrap .lefttIcon{background-image: url(../../images/goods/lefticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top: 30px;margin-left: 50px;margin-right: 150px;position: relative;left: 50px;top: 200px;}
.labelWrap{height: 32px;width: 606px;padding-left: 674px;}
.tShirtLabelWrap{height: 50px;width: 1260px;padding-left: 20px;}
.diyLabel{line-height: 31px;color: #8d8d8d;background-color: #FFF;display: inline-block;height: 31px;width: 78px;margin-right: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dadada;text-align: center;position: relative;left: 0px;top: 0px;}
.diyLabelOn{color: #383838;background-color: #f4f4f4;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dadada;border-right-color: #dadada;border-bottom-color: #f4f4f4;border-left-color: #dadada;}
/*.tShirtDiyLabel{font-size: 14px;	line-height: 35px;color: #4e5b62;background-color: #fff;display: inline-block;height: 35px;width: 188px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ededed;text-align: center;background-image: url(../../images/goods/closelabel.png);background-repeat: no-repeat;background-position: 160px center;border-top-width: 1px;border-right-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: dotted;border-left-style: solid;border-top-color: #ededed;border-right-color: #ededed;	border-left-color: #ededed;}
.tShirtDiyLabelOn{background-color: #e2e2e2;}*/
.tShirtDiyLabel{font-size: 14px;	line-height: 35px;color: #4e5b62;background-color: #fff;display: inline-block;height: 35px;width: 188px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ededed;text-align: center;background-position: 160px center;border-top-width: 1px;border-right-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: dotted;border-left-style: solid;border-top-color: #ededed;border-right-color: #ededed;	border-left-color: #ededed;}
.tShirtDiyLabelOn{background-color: #e2e2e2;}
.tShirtDiyLabelPic{background-image: url(../../images/goods/closelabel.png);background-repeat: no-repeat;background-position: 160px center;}

.addTShirtDiyLabel{font-size: 14px;line-height: 35px;color: #4e5b62;background-color: #fff;display: inline-block;height: 35px;width: 188px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ededed;text-align: center;background-image: url(../../images/goods/addlabel.png);background-repeat: no-repeat;background-position: 20px center;	border-top-width: 1px;border-right-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: dotted;border-left-style: solid;border-top-color: #ededed;border-right-color: #ededed;border-left-color: #ededed;}

.tShirtLeftWrap{float: left;height: 700px;width: 623px;}
/*
.tShirtLeftWrapFloat{
	position: fixed;
	top: 65px;
}
*/
.tShirtLeftWrap .text{float: left;width: 623px;color:#9b9b9b;line-height:55px;height:55px;font-size:14px; padding-left:20px;}
.tShirtWrap{background-color: #e9e9e9;float: left;height: 558px;width: 623px;}
.tShirtWrap .sidePic{color:#9b9b9b!important;display: inline-block;height: 88px;width: 65px;margin-top:20px;margin-right:5px;margin-left:10px; text-align:center;}
.tShirtBigWrap{background-color: #fff;float: left;height: 558px;width: 623px;}
.manFronttShirtcanvas{position: relative;	left: 250px;top: -400px;z-index:7; }
.manBacktShirtcanvas{position: relative;	left: 250px;top: -400px;z-index:7;display:none; }
.womanFronttShirtcanvas{position: relative;	left: 250px;top: -400px;z-index:7;display:none;}
.womanBacktShirtcanvas{position: relative;	left: 250px;top: -400px;z-index:7;display:none;}
.boyFronttShirtcanvas{position: relative;	left: 250px;top: -400px;z-index:7; display:none;}
.boyBacktShirtcanvas{position: relative;	left: 250px;top: -400px;z-index:7; display:none;}
.girlFronttShirtcanvas{position: relative;	left: 250px;top: -400px;z-index:7; display:none;}
.girlBacktShirtcanvas{position: relative;	left: 250px;top: -400px;z-index:7; display:none;}

.sidePic img{border: 1px solid #c5c5c5;}
.imgBlack img{border: 1px solid #0e0e0e !important;}
.showBig{position: relative;left: 400px;top: 450px;*top: 445px;}




	
.labelWrap{height: 32px;width: 606px;padding-left:674px;}
#styleWrap .rightIcon{position: relative;z-index:999;background-image: url(../../images/goods/righticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top:30px;}
#styleWrap .lefttIcon{position: relative;z-index:999;background-image: url(../../images/goods/lefticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top:30px;margin-left:50px;margin-right:150px;}
#styleWrap .rightIcon1{background-image: url(../../images/goods/righticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top:30px;}
#styleWrap .lefttIcon1{background-image: url(../../images/goods/lefticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top:30px;margin-left:70px;margin-right:150px;}
#fabricWrap .rightIcon{background-image: url(../../images/goods/righticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top: 30px;position: relative;left: 300px;top: 200px;}
#fabricWrap .lefttIcon{background-image: url(../../images/goods/lefticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top:30px;margin-left:50px;margin-right:150px;position: relative;left: 50px;top: 200px;}


#styleWrap .picPosition{
	background-repeat: no-repeat;
	display: block;
	height: 662px;
	width: 201px;
	position: relative;
	left: 50px;
	top: -60px;
	}
#fabricWrap .picPosition{
	background-repeat: no-repeat;
	display: block;
	height: 662px;
	width: 201px;
	position: relative;
	left: 230px;
	top: -60px;
	}

.pleatPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/pants/pleat/frontPleat1.png);
	z-index: 1;
}
.frontPocketPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/pants/frontPocket/frontPocket1.png);
	z-index: 2;
}
.legPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/pants/leg/frontLeg1.png);
	z-index: 3;
}
.waistPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/pants/waist/waist1.png);
	z-index: 4;
}
.backPleatPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/pants/pleat/backPleat1.png);
	z-index: 1;
}
.backPocketPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/pants/backPocket/backPocket1.png);
	z-index: 2;
}
.backLegPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/pants/leg/backLeg1.png);
	z-index: 3;
}




.buttonCountPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/suit/buttonCount/buttonCount1.png);
	z-index: 5;
}
.bagCoverPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/suit/bagCover/bagCover1.png);
	z-index: 6;
}
.chestPocketPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/suit/chestPocket/chestPocket1.png);
	z-index: 7;
}
.wsuitCollarPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/suit/collar/singleOneCollar1.png);
	z-index: 8;
}
.backButtonCountPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/suit/buttonCount/buttonCount7.png);
	z-index: 5;
}
.cufflinksPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/suit/cufflinks/cufflinks1.png);
	z-index: 6;
}
.splitPic{
	background-image: url(../../images/goods/diyImages/suit/origin/wholeSuit/suit/split/split1.png);
	z-index: 7;
}


#styleWrap .suitPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 252px;
	position: relative;
	left: 50px;
	top: -30px;
	}
#fabricWrap .suitPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 252px;
	position: relative;
	left: 230px;
	top: -30px;
	}
.buttonCountPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/suit/buttonCount/buttonCount1.png);
	z-index: 5;
}
.bagCoverPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/suit/bagCover/bagCover1.png);
	z-index: 6;
}
.chestPocketPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/suit/chestPocket/chestPocket1.png);
	z-index: 7;
}
.collarPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/suit/collar/singleOneCollar1.png);
	z-index: 8;
}
.backButtonCountPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/suit/buttonCount/buttonCount7.png);
	z-index: 5;
}
.cufflinksPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/suit/cufflinks/cufflinks1.png);
	z-index: 6;
}
.splitPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/suit/split/split1.png);
	z-index: 7;
}

/* diyIconWrap--------------------------------------------------------------------------------------- */
.container1338{width:1338px;margin:0 auto;}
.container1420{width:1420px;margin:0 auto;}
.diyIndex_title{color:#e9e9e9;font-family: '微软雅黑';font-size: 30px; text-align: center;line-height:72px;padding-top:100px;margin-bottom: 40px;}
.diyIndex_title em.line{display:inline-block;height:2px;width:38px;background:#e9e9e9;margin-bottom: 10px;margin-right: 5px;margin-left: 5px;}
.diy_List{  position:relative; padding-bottom: 10px;font-family: '微软雅黑';}
.diy_List .diy_hd{ overflow:hidden;  height:80px; margin-top: -340px;position:absolute;left:-50px;}
.diy_List .diy_hd .prev{cursor:pointer;position:absolute;left:0;}
.diy_List .diy_hd .next{ margin-left:1330px;cursor:pointer;}
.diy_List .diy_bd{overflow:hidden; padding:3px 0 3px 3px;background:#fff;}
.diy_List .diy_bd ul{ overflow:hidden; zoom:1; float:left; _display:inline;}
.diy_List .diy_bd ul li{float:left; _display:inline; overflow:hidden;width:264px;text-align: center;float: left;list-style: none;padding-bottom: 37px;padding-top: 37px;margin-right: 3px;background:#eeeeee;height:420px;position:relative;cursor:pointer;}
.diy_List .diy_bd ul li .pic a:hover img{ border-color:#999;  }
.diy_List .diy_ul li a{font-size: 18px;display:block;text-align: center;font-family: '华文细黑','微软雅黑';}
.diy_List .diy_ul .diy_til{line-height: 30px;color:#3d4351;}
.diy_List .diy_ul .diy_Entil{color:#3d4351;font-size: 14px;margin-bottom: 20px;}
.diy_ul .hoverImg{height:100%;width:100%;position: absolute;left:0;top:0;z-index: 2;background:url(../../images/goods/diy-suitBg.png) no-repeat;opacity:0;filter:alpha(opacity=0);transition:all 0.35s;padding-top:190px;padding-left:70px;text-align: left;}
.diy_ul  .hoverImgOn1:hover .hoverImg{opacity:1;filter:alpha(opacity=100); background:url(../../images/goods/diy-suitOn.jpg) no-repeat;}
.diy_ul  .hoverImgOn2:hover .hoverImg{opacity:1;filter:alpha(opacity=100); background:url(../../images/goods/diy-jacketOn.jpg) no-repeat;}
.diy_ul  .hoverImgOn3:hover .hoverImg{opacity:1;filter:alpha(opacity=100); background:url(../../images/goods/diy-shirtOn.jpg) no-repeat;}
.diy_ul  .hoverImgOn4:hover .hoverImg{opacity:1;filter:alpha(opacity=100); background:url(../../images/goods/diy-vestOn.jpg) no-repeat;}
.diy_ul  .hoverImgOn5:hover .hoverImg{opacity:1;filter:alpha(opacity=100); background:url(../../images/goods/diy-pantsOn.jpg) no-repeat;}

.diy_ul .hoverImg .notService{opacity:1;filter:alpha(opacity=100);background:rgba(0, 0, 0, 0.8);cursor:default;}
.diy_ul .hoverImg .notService em:hover{background:transparent;border-color:#fff;}
.diy_ul .hoverImg span{display:block;text-align: left;color:#fff;}
.diy_ul .hoverImg em{font-style: normal;color:#fff;display:inline-block;padding:5px 10px;border:1px solid #ff5274;transition:background 1s;font-size: 16px;cursor:pointer;background:#ff5274;}
.diy_List .diy_ul li :hover .hoverImg{opacity:1;filter:alpha(opacity=100);}
.diy_List .diy_ul li :hover.diy_List .diy_ul .diy_Entil{color:#f00;}
.diy_ul .hoverImg em:hover{background:#e32d51;border-color:#e32d51;}




#styleWrap .pantsPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 565px;
	width: 262px;
	position: relative;
	left: 30px;
	top: -10px;
	}
#fabricWrap .pantsPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 565px;
	width: 262px;
	position: relative;
	left: 230px;
	top: -10px;
	}

.pleatPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/pants/pleat/frontPleat1.png);
	z-index: 1;
}
.frontPocketPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/pants/frontPocket/frontPocket1.png);
	z-index: 2;
}
.legPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/pants/leg/frontLeg1.png);
	z-index: 3;
}
.waistPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/pants/waist/waist1.png);
	z-index: 4;
}
.backPleatPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/pants/pleat/backPleat1.png);
	z-index: 1;
}
.backPocketPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/pants/backPocket/backPocket1.png);
	z-index: 2;
}
.backLegPicSingle{
	background-image: url(../../images/goods/diyImages/suit/origin/pants/leg/backLeg1.png);
	z-index: 3;
}

#styleWrap .shirtPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 269px;
	position: relative;
	left: 30px;
	top: -10px;
	}
#fabricWrap .shirtPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 269px;
	position: relative;
	left: 200px;
	top: -10px;
	}
.sleevesPic{
	background-image: url(../../images/goods/diyImages/shirt/origin/sleeves/frontSleeves1.png);
	z-index: 1;
}
.bagPic{
	background-image: url(../../images/goods/diyImages/shirt/origin/bag/Bag1.png);
	z-index: 2;
}
.placketPic{
	background-image: url(../../images/goods/diyImages/shirt/origin/placket/Placket1.png);
	z-index: 3;
}
.collarPic{
	background-image: url(../../images/goods/diyImages/shirt/origin/collar/Collar1.png);
	z-index: 4;
}
.backSleevesPic{
	background-image: url(../../images/goods/diyImages/shirt/origin/sleeves/backSleeves1.png);
	z-index: 1;
}
.cuffPic{
	background-image: url(../../images/goods/diyImages/shirt/origin/cuff/cuff1.png);
	z-index: 2;
}
.filmPic{
	background-image: url(../../images/goods/diyImages/shirt/origin/film/film1.png);
	z-index: 3;
}


.wholeSuitWrap{background-image: url(../../images/goods/diyback.png);background-repeat: no-repeat;float: left;height: 784px;width: 623px;position:relative;}
#styleWrap .suitPic{background-image: url(../../images/goods/suitpic.png);background-repeat: no-repeat;height: 593px;width: 221px;overflow: hidden;margin-left:50px;}
#styleWrap .shirtPic{background-image: url(../../images/goods/shirtpic.png);background-repeat: no-repeat;height: 593px;width: 313px;overflow: hidden;margin-left:20px;}
#fabricWrap .suitPic{background-image: url(../../images/goods/suitpic.png);background-repeat: no-repeat;height: 593px;width: 221px;overflow: hidden;margin-left: 220px;}
#fabricWrap .shirtPic{background-image: url(../../images/goods/shirtpic.png);background-repeat: no-repeat;height: 593px;width: 313px;overflow: hidden;margin-left: 170px;}
.bigPicPosition{background-repeat: no-repeat;height:356px;width: 384px;display:inline-block;margin-left: 50px;position: relative;left: 200px;top: -33px;}
.bigPic{background-image: url(../../images/goods/bigpic.png);}
.shirtBigPicPosition{background-repeat: no-repeat;height: 384px;width: 377px;display:inline-block;margin-left: 120px;position: relative;left: 166px;top: -33px;}
.shirtBigPic{background-image: url(../../images/goods/bigpic1.png);}





.settingWrap{float: right;height: 718px;width: 604px;background-color: #f4f4f4;padding: 15px;border: 1px solid #d9d9d9;}
.settingStyleWrap{padding-left: 20px;color: #9b9b9b;display: block;padding-bottom: 10px;line-height: 32px;height: 32px;width: 584px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e2e2e2;}
.settingStyleWrap a{font-size: 12px;color: #6c6c6c;background-color: #FFF;padding-top: 3px;padding-right: 10px;padding-bottom: 3px;padding-left: 10px;border: 1px solid #abadb3;}
.settingTitleWrap{display: block;line-height: 32px;height: 32px;width: 559px;padding-left: 15px;margin-top: 5px;margin-bottom: 2px;cursor: pointer;}
.tShirtPic{height: 542px;width: 329px;overflow: hidden;position: relative;left: 150px;top: -92px;}
.showBigCanvas{height: 200px;width: 150px;overflow: hidden;position: relative;left: 250px;top: 250px;}
.diySettingWrap{float: right;width: 584px;background-color: #fff;padding: 15px;border: 1px solid #fff;}
.diySettingWrap dl{padding-left: 20px;width: 584px;margin-bottom: 20px;*margin-bottom: 5px;}
.diySettingWrap dt{color: #9b9b9b;margin-top: 15px;margin-bottom: 15px;*margin-top: 8px;*margin-bottom: 8px;}
.diySettingWrap .colorWrap a, .popContainer .colorWrap a{display: inline-block;height: 28px;width: 28px;border: 2px solid #F3F3F3;}
.clothColorOn{border: 2px solid #e23033 !important;}
.manFrontColorOn{border: 2px solid #e23033 !important;}
.manBackColorOn{border: 2px solid #e23033 !important;}
.womanFrontColorOn{border: 2px solid #e23033 !important;}
.womanBackColorOn{border: 2px solid #e23033 !important;}
.boyFrontColorOn{border: 2px solid #e23033 !important;}
.boyBackColorOn{border: 2px solid #e23033 !important;}
.girlFrontColorOn{border: 2px solid #e23033 !important;}
.girlBackColorOn{border: 2px solid #e23033 !important;}
.canvasColorOn{border: 2px solid #e23033 !important;}
.manFrontCanvasColorOn{border: 2px solid #e23033 !important;}
.manBackCanvasColorOn{border: 2px solid #e23033 !important;}
.womanFrontCanvasColorOn{border: 2px solid #e23033 !important;}
.womanBackCanvasColorOn{border: 2px solid #e23033 !important;}
.boyFrontCanvasColorOn{border: 2px solid #e23033 !important;}
.boyBackCanvasColorOn{border: 2px solid #e23033 !important;}
.girlFrontCanvasColorOn{border: 2px solid #e23033 !important;}
.girlBackCanvasColorOn{border: 2px solid #e23033 !important;}
.fontColorOn{border: 2px solid #e23033 !important;}
.diyObj{width: 570px;list-style-type: none;line-height: 40px;height: 40px;padding-bottom: 5px;padding-top: 5px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #e8e8e8;}
.diyObj li{padding-left: 20px;width: 550px;line-height: 40px;height: 40px;}
.diyObj li img{vertical-align: -10px;}
.diyObjPic{width: 30px;height: 30px;cursor: pointer;position: relative;left: -10px;*left: 0px;top: 1px;}
.diyObjOp{cursor: pointer;float: right;margin-top: 6px;margin-left: 5px;}
.diyObj li:hover{background-color: #f0f0f0;}
.moveOpWrap{color: #38474f;line-height: 27px;text-align: center;display: inline-block;margin-right: 30px;height: 95px;width: 63px;overflow: hidden;display: inline-block;*display: inline;*zoom: 1;}
.moveOpWrap a{background-repeat: no-repeat;height: 20px;width: 20px;}
.moveUp{background-image: url(../../images/goods/moveup.png);left: 22px;top: -100px;*left: 0px;*top: -90px;background-position: center center;display: block;position: relative;}
.moveUp:hover{background-image: url(../../images/goods/moveupon.png);}
.moveRight{background-image: url(../../images/goods/moveright.png);left: 42px;top: -98px;*left: 22px;*top: -88px;background-position: center center;display: block;position: relative;}
.moveRight:hover{background-image: url(../../images/goods/moverighton.png);}
.moveDown{background-image: url(../../images/goods/movedown.png);left: 22px;top: -98px;*left: 0px;*top: -88px;background-position: center center;display: block;position: relative;}
.moveDown:hover{background-image: url(../../images/goods/movedownon.png);}
.moveLeft{background-image: url(../../images/goods/moveleft.png);left: 0px;top: -138px;*left: -22px;*top: -128px;background-position: center center;display: block;position: relative;}
.moveLeft:hover{background-image: url(../../images/goods/movelefton.png);}
.upLeft{background-image: url(../../images/goods/upleft.png);left: 8px;top: -92px;*left: -14px;*top: -82px;background-position: center center;display: block;position: relative;}
.upLeft:hover{background-image: url(../../images/goods/uplefton.png);}
.upRight{background-image: url(../../images/goods/upright.png);left: 34px;top: -112px;*left: 14px;*top: -102px;background-position: center center;display: block;position: relative;}
.upRight:hover{background-image: url(../../images/goods/uprighton.png);}
.downRight{background-image: url(../../images/goods/downright.png);left: 34px;top: -106px;*left: 14px;*top: -96px;background-position: center center;display: block;position: relative;}
.downRight:hover{background-image: url(../../images/goods/downrighton.png);}
.downLeft{background-image: url(../../images/goods/downleft.png);left: 8px;top: -126px;*left: -14px;*top: -116px;background-position: center center;display: block;position: relative;}
.downLeft:hover{background-image: url(../../images/goods/downlefton.png);}

.alignWrap{
	color: #38474f;
	line-height: 27px;
	text-align: center;
	display: inline-block;
	margin-right:30px;
	height: 95px;
	width: 52px;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom:1;
	}
.alignWrap1{
	color: #38474f;
	line-height: 27px;
	text-align: center;
	display: inline-block;
	margin-right:10px;
	height: 95px;
	width: 52px;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom:1;
	}
.valignButton {
	border: 1px solid #dddddd;
	display: inline-block;
	*display: inline;*zoom:1;height: 30px;
	width: 50px;
	overflow: hidden;
	line-height: 30px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 15px;
	margin-bottom: 16px;
	background-image: url(../../images/goods/hcenter.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.valignButton:hover {background-image: url(../../images/goods/hcenteron.png);}
.halignButton {
	border: 1px solid #dddddd;
	display: inline-block;
	*display: inline;*zoom:1;	height: 30px;
	width: 50px;
	overflow: hidden;
	line-height: 30px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 15px;
	margin-bottom: 16px;
	background-image: url(../../images/goods/vcenter.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.halignButton:hover {background-image: url(../../images/goods/vcenteron.png);}
.textLeftButton {
	border: 1px solid #dddddd;
	display: inline-block;
	*display: inline;*zoom:1;height: 30px;
	width: 50px;
	overflow: hidden;
	line-height: 30px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 15px;
	margin-bottom: 16px;
	background-image: url(../../images/goods/textleft.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.textLeftButton:hover {background-image: url(../../images/goods/textlefton.png);}
.textRightButton {
	border: 1px solid #dddddd;
	display: inline-block;
	*display: inline;*zoom:1;	height: 30px;
	width: 50px;
	overflow: hidden;
	line-height: 30px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 15px;
	margin-bottom: 16px;
	background-image: url(../../images/goods/textright.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.textRightButton:hover {background-image: url(../../images/goods/textrighton.png);}
.diyOpButton {font-family: "微软雅黑", "宋体";color: #5a6378!important;border: 1px solid #dddddd;display: inline-block;*display: inline;*zoom:1;width: 50px;height: 30px;overflow: hidden;font-size: 14px;line-height: 30px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;cursor: pointer;margin-right:5px; }
.diyOpButton:hover {color: #fff!important;background-color: #5a6378;border: 1px solid #5a6378;cursor: pointer;}
.turnLeftButton {background-image: url(../../images/goods/turnleft.png);background-repeat: no-repeat;background-position: center center;}
.turnLeftButton:hover {background-image: url(../../images/goods/turnlefton.png);}
.turnRightButton {background-image: url(../../images/goods/turnright.png);background-repeat: no-repeat;background-position: center center;}
.turnRightButton:hover {background-image: url(../../images/goods/turnrighton.png);}

/* smallImg */
.smallImg{position:relative; height:87px; margin-top:1px; background-color:#fff; padding:6px 5px; width:613px; overflow:hidden;float:left;}
.scrollbutton{width:28px; height:75px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background-image: url(../../images/goods/leftarrow.png);background-repeat: no-repeat;margin-top:25px;}
.scrollbutton.smallImgUp:hover, .scrollbutton.smallImgUp:hover{background-image: url(../../images/goods/leftarrowon.png);background-repeat: no-repeat;margin-top:25px;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../../images/goods/rightarrow.png) no-repeat; margin-left:585px; margin-top:-75px;}
.scrollbutton.smallImgDown:hover, .scrollbutton.smallImgDown.disabled:hover{background:url(../../images/goods/rightarrowon.png) no-repeat; margin-left:585px; margin-top:-75px;}

#imageMenu {height:81px; width:557px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:81px; width:78px; overflow:hidden; float:left; text-align:center;margin-left:5px;margin-right:5px;}
#imageMenu li img{height:75px;width:62px; border:3px solid #fff;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ height:75px;width:62px; border:3px solid #959595;}



/* productNaviWrap--------------------------------------------------------------------------------------- */
#productNaviWrap{width:100%;background-color: #5a6378;height: 86px;display: block;margin-bottom: 30px;}
#productNaviWrap ul{list-style-type: none;float: left;margin-top: 24px;margin-left: 56px;}
#productNaviWrap ul li{width: 97px;float:left;margin-right: 20px;}
#productNaviWrap ul li a{width: 97px;float: left;margin-right: 20px;font-family: "微软雅黑", "宋体";font-size: 18px;color: #FFF;text-decoration: none;	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;height: 39px;line-height: 39px;text-align: center;}
#productNaviWrap ul li a:hover{color: #5a6378!important;background-color: #fff;width: 97px;float:left;margin-right: 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;line-height: 39px;text-align: center;box-shadow: 0px 3px 0px rgba(59,64,78,0.6);}
.productNaviactive{color: #5a6378!important;background-color: #fff;width: 97px;float:left;margin-right: 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;line-height: 39px;text-align: center;box-shadow: 0px 3px 0px rgba(59,64,78,0.6);}

/* pathWrap--------------------------------------------------------------------------------------- */
.pathWrap{width: 100%;color: #5a6378;padding-left: 30px;line-height: 30px;height: 30px;margin-bottom: 20px;}
.pathWrap a{color: #5a6378;text-decoration: none;}
.pathWrap a:hover{color: #f99000;}
	
/* curKeyWordWrap--------------------------------------------------------------------------------------- */
.curKeyWordWrap{float: left;width: 900px;color: #9b9b9b;padding-left: 30px;line-height: 16px;height: 20px;margin-bottom: 10px;}
.curKeyWordWrap label{float: left;color: #5a6378;text-decoration: none;border: 1px solid #5a6378;margin-right: 5px;padding-top: 1px;padding-right: 5px;padding-bottom: 1px;padding-left: 5px;}
.curKeyWordWrap label:hover{color: #fff;text-decoration: none;border: 1px solid #5a6378;margin-right: 5px;padding-top: 1px;padding-right: 5px;padding-bottom: 1px;padding-left: 5px;background-color: #5a6378;}

.curKeyWordGenusWrap{float: left;width: 900px;color: #9b9b9b;padding-left: 30px;line-height: 16px;height: 20px;margin-bottom: 10px;}
.curKeyWordGenusWrap label{float: left;color: #666666;text-decoration: none;border: 1px solid #c8c6c6;margin-right: 5px;padding-top: 1px;padding-right: 5px;padding-bottom: 1px;padding-left: 5px;}
.curKeyWordGenusWrap label:hover{color: #ffb200;text-decoration: none;border: 1px solid #ffb200;margin-right: 5px;padding-top: 1px;padding-right: 5px;padding-bottom: 1px;padding-left: 5px;background-color: #ffffff;}


.curKeyWordWrap1{float: left;width: 900px;color: #9b9b9b;padding-left: 30px;line-height: 16px;height: 20px;margin-bottom: 10px;}
.curKeyWordWrap1 label{float: left;color: #ff4d49;text-decoration: none;border: 1px solid #ff4d49;margin-right: 5px;padding-top: 1px;padding-right: 5px;padding-bottom: 1px;padding-left: 5px;}
.curKeyWordWrap1 label:hover{color: #fff;border: 1px solid #ff4d49;background-color: #ff4d49;}
.curKeyDiyWrap{width: 530px;color: #9b9b9b;padding-left: 0px;line-height: 16px;margin-bottom: 10px;margin-top: 10px;}
.curKeyDiyWrap label{float: left;color: #ff4d49;text-decoration: none;border: 1px solid #ff4d49;margin-right: 5px;padding-top: 1px;padding-right: 5px;padding-bottom: 1px;padding-left: 5px;}
.curKeyDiyWrap label:hover{color: #fff;border: 1px solid #ff5274;background-color: #ff5274;}
.curKeyDiyDiv{float: left;display: block;width: 530px;height:30px;padding-top: 10px;}

.fabricObjTable{width:123px;float: left;margin-bottom: 10px;}
.fabricObjTableImage{display:block;height: 91px;width: 123px;overflow: hidden;}
.fabricImageUnselected{display:block;height: 91px;width: 123px;position: relative;left: 0px;	top: -94px;background-image: url(../../images/goods/selectedblank.png);background-repeat: no-repeat;}
.fabricImageSelected{
	z-index: 6;
	display: block;
	height: 91px;
	width: 123px;
	position: relative;
	left: 0px;
	top: -94px;
	*top: -93px;	
	background-image: url(../../images/goods/selected.png);
	background-repeat: no-repeat;
}

.popTable{line-height: 35px;}

/* keyWordWrap--------------------------------------------------------------------------------------- */
.keyWordWrap {list-style-type: none;width: 1250px;height: auto;border: 1px solid #efefef;margin-bottom: 20px;list-style-type: none;padding-right: 15px;padding-left: 15px;}
.keyWordWrap li {display: inline-block;color: #9b9b9b;width: 1234px;line-height: 25px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #e8e8e8;padding-left: 16px;margin-right: 0;margin-left: 0;padding-top: 10px;padding-bottom: 10px;}

.diyKeyWordWrap {list-style-type: none;width: 574px;height: auto;margin-bottom: 30px;list-style-type: none;padding-right: 15px;}
.diyKeyWordWrap li {display: inline-block;color: #9b9b9b;width: 574px;}
.diyKeyLabel{	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #d2d2d2;margin-bottom: 10px;width:614px;}
.diyKeyLabel a {display: inline-block;line-height: 25px;color: #9b9b9b;height: 25px;padding-right: 11px;padding-left: 11px;position: relative;top: 1px;	}
.diyKeyLabelOn{color: #383838!important;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #ffb400;}
.diyKeyLabel .searchFabric{height:19px;width:90px;border:1px solid #d5d5d5;margin-right:5px;}
.selectedBox{padding-bottom: 10px;padding-top: 10px;}
.selectedTil{float: left;width:80px;padding-left:20px;line-height: 56px;color:#999;}
.selectedContent{float: left;}
.selectedContent li{list-style: none;float: left;margin-right:40px;}
.selectedContent input{vertical-align: bottom;}
.selectedContent a{display:inline-block;line-height: 20px;color:#999;}
.selectedContent .selectedImg{display:inline-block;line-height: 60px;height:60px;width:76px;}
.selectedContent .selectedImg img{height:60px;width:76px;}
.selectedContent span{display:inline-block;position:relative;}
/* orderListWrap--------------------------------------------------------------------------------------- */
.orderListWrap{background-color: #f4f4f4;height: 50px;line-height: 50px;width: 1240px;padding-left: 40px;margin-bottom:20px;}
.orderListWrap a{float: left;color: #6c6c6c;text-decoration: none;background-image: url(../../images/goods/grayarrowdown.png);background-repeat: no-repeat;background-position: 115px center;border: 1px solid #f4f4f4;background-color: #f4f4f4;line-height: 48px;height: 48px;width: 130px;text-indent: 25px;}
.orderListWrap a:hover{color: #f99000;}
.orderListActive{float: left;color: #6c6c6c;text-decoration: none;background-image: url(../../images/goods/grayarrowdown.png);background-repeat: no-repeat;background-position: 115px center;border: 1px solid #f4f4f4;background-color: #fff!important;line-height: 48px;height: 48px;width: 130px;text-indent: 25px;}


/* productWrap--------------------------------------------------------------------------------------- */
.productListWrap {font-size: 12px;overflow: hidden;width: 1222px;zoom: 1;display: block;margin-right: auto;margin-left: auto;padding:70px 30px 30px 30px;}
.productListWrap .productList img {height: 344px;width: 287px;}
.productListWrap .productList {float: left;width: 287px;height: 435px;line-height: 24px;text-align: center;border-right: #e9e9e9 1px solid;border-top: #e9e9e9 1px solid;	border-left: #e9e9e9 1px solid;border-bottom: #e9e9e9 1px solid;margin: 8px;}
.productListTitle{font-size: 14px;color: #d45138;text-align: center;display: block;width: 240px;margin-top: 10px;margin-right: auto;margin-left: auto;text-decoration: none;line-height: 20px;height: 20px;overflow: hidden;}
.productListPrice{font-size: 16px;color: #83746d;text-align: center;display: block;width: 240px;margin-top: 10px;margin-right: auto;margin-left: auto;text-decoration: none;line-height: 20px;height: 20px;overflow: hidden;font-family: Verdana, Geneva, sans-serif;}
.productListWrap a{text-decoration: none;}
.productButton{z-index: 6;background-image: url(../../images/goods/orderbutton.png);background-repeat: no-repeat;display: block;height: 447px;width: 287px;position: relative;text-indent: -1000px;overflow: hidden;top: -440px;left: 0px;*top: -448px;opacity:0;filter:alpha(opacity=0);}
.productButton:hover{z-index: 6;background-image: url(../../images/goods/orderbutton.png);background-repeat: no-repeat;display: block;height: 447px;width: 287px;position: relative;text-indent: -1000px;overflow: hidden;top: -440px;*top: -448px;left: 0px;opacity:1;filter:alpha(opacity=100);}
.productflypic{z-index: 5;position: relative;top: -885px;*top: -901px;}
.productflypicIthzs{z-index: 5;position: relative;top: -465px;*top: -465px;}
.productListWrap .productListTshirt img {height: 316px;width: 259px;margin-bottom: 8px;}
.productListWrap .productListTshirt {float: left;width: 259px;height: 346px;line-height: 24px;margin-top: 8px;margin-right: 20px;margin-bottom: 18px;margin-left: 20px;}
.productListTshirtTitle{float:left;font-size: 12px;color: #2f2f2f;display: block;width: 170px;text-decoration: none;line-height: 30px;height: 30px;overflow: hidden;}

/* genusWrap--------------------------------------------------------------------------------------- */
.genusWrap {font-size: 12px;overflow: hidden;width: 1220px;zoom: 1;display: block;margin-right: auto;margin-left: auto;padding: 30px;}
.genusWrap .genusWrapList img {height: 344px;width: 287px;}
.genusWrap .genusWrapList {float: left;width: 287px;height: 383px;line-height: 24px;text-align: center;border-right: #e9e9e9 1px solid;border-top: #e9e9e9 1px solid;	border-left: #e9e9e9 1px solid;border-bottom: #e9e9e9 1px solid;margin: 5px;}
.genusWrapListTitle{font-size: 14px;color: #a09691;text-align: center;display: block;width: 240px;margin-right: auto;margin-left: auto;text-decoration: none;line-height: 20px;height: 20px;overflow: hidden;}
.genusWrapListPrice{font-size: 14px;color: #a09691;text-align: center;display: block;width: 240px;margin-right: auto;margin-left: auto;text-decoration: none;line-height: 20px;height: 20px;overflow: hidden;font-family: Verdana, Geneva, sans-serif;}
.genusWrapButton{z-index: 6;background-image: url(../../images/goods/entrybutton.png);background-repeat: no-repeat;display: block;height: 383px;width: 287px;position: relative;text-indent: -1000px;overflow: hidden;top: -370px;left: 0px;*top: -370px;opacity:0;filter:alpha(opacity=0);}
.genusWrapButton:hover{z-index: 6;background-image: url(../../images/goods/entrybutton.png);background-repeat: no-repeat;display: block;height: 383px;width: 287px;position: relative;text-indent: -1000px;overflow: hidden;top: -370px;*top: -370px;left: 0px;opacity:1;filter:alpha(opacity=100);}


/* brandWordWrap--------------------------------------------------------------------------------------- */
.brandWordWrap{width: 1204px;line-height: 36px;font-size: 12px;padding-top: 20px;padding-right: 38px;padding-bottom: 20px;padding-left: 38px;list-style-type: none;}
.container h1{font-family: "微软雅黑", "宋体";font-size: 24px;line-height: 50px;font-weight: normal;	}
.brandWordWrap ul{margin-top:30px;margin-bottom:30px;list-style-type: none;}
.brandWordWrap li{float: left;margin-right: 200px;line-height: 350px;}
.brandWordWrap dl{width:145px;margin-top:30px;margin-bottom:30px;float: left; display:inline-block;}
.brandWordWrap dt{
	height: 145px;
	width: 145px;
	border: 1px solid #d7d7d7;
	overflow: hidden;
	-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;
}
.brandWordWrap dt:hover{
  -webkit-box-shadow: 0px 3px 5px;  
  -moz-box-shadow: 0px 3px 5px;  
  box-shadow: 0px 3px 5px;  
  border: 1px solid #000000;
  }
.brandWordWrap dd{
	text-align:center;
	font-size:16px;
}

/* brandWrap--------------------------------------------------------------------------------------- */
.brandWrap{width: 1280px;height: 435px;border: 1px solid #dbdbdb;margin-bottom:20px;}
.brandWrap:hover{border: 1px solid #ff5274;}
.brandLogo{text-align: center;margin-top: 50px;}
.brandWrap ul{float: right;list-style: none;width: 340px;padding-right: 30px;padding-left: 30px;}
.brandWrap ul li{color: #797878;line-height: 30px;font-size: 14px;margin-bottom: 30px;}
.brandWrapImage{float: left;height: 435px;width: 875px;}
	
/* diyIndexWrap--------------------------------------------------------------------------------------- */
.diyIndexWrap{margin-left:27px; width: 1226px;height: 435px;border: 1px solid #dbdbdb;margin-bottom:20px;background-color:#373737;}
.diyIndexWrap:hover{border: 1px solid #ff5274;}
.diyIndexWrapImage{float: left;height: 435px;width: 875px;}
	
/* sizeTable--------------------------------------------------------------------------------------- */
.sizeTableGray{background-color:#d2d2d2;}
.sizeTableBlack{background-color:#000;}
.sizeTableBlack td{line-height: 30px;height: 30px;background-color: #FFF;text-align: center;}


/* indexDiyWrap--------------------------------------------------------------------------------------- */
.indexTitleImg{margin-left:430px;margin-top:20px;margin-bottom:30px;}
.indexDiyWrap {font-size: 12px;overflow: hidden;/*width: 1280px;*/zoom: 1;display: block;margin-right: auto;/*margin-left: auto;*/    margin-left: 150px;border: 1px solid #fff;}
.indexDiyWrap .diyList img {height: 464px;width: 299px;}
.indexDiyWrap .diyList {float: left;width: 299px;height: 464px;text-align: center;border-right: #fff 1px solid;border-top: #fff 1px solid;border-left: #fff 1px solid;border-bottom: #fff 1px solid;margin: 8px;}
.indexDiyWrap a{text-decoration: none;}
.diyButton1{z-index: 6;display: block;background-image: url(../../images/goods/indexbutton1.png);height: 464px;width: 299px;position: relative;text-indent: -1000px;overflow: hidden;top: -467px;left: 0px; opacity:0;filter:alpha(opacity=0);}
.diyButton1:hover{opacity:1;filter:alpha(opacity=100);}
.diyButton2{z-index: 6;display: block;background-image: url(../../images/goods/indexbutton2.png);height: 464px;width: 299px;position: relative;text-indent: -1000px;overflow: hidden;top: -467px;left: 0px; opacity:0;filter:alpha(opacity=0);}
.diyButton2:hover{opacity:1;filter:alpha(opacity=100);}
.diyButton3{z-index: 6;display: block;background-image: url(../../images/goods/indexbutton3.png);height: 464px;width: 299px;position: relative;text-indent: -1000px;overflow: hidden;top: -467px;left: 0px; opacity:0;filter:alpha(opacity=0);}
.diyButton3:hover{opacity:1;filter:alpha(opacity=100);}
.diyButton4{z-index: 6;display: block;background-image: url(../../images/goods/indexbutton4.png);height: 464px;width: 299px;position: relative;text-indent: -1000px;overflow: hidden;top: -467px;left: 0px; opacity:0;filter:alpha(opacity=0);}
.diyButton4:hover{opacity:1;filter:alpha(opacity=100);}



/* pageWrap--------------------------------------------------------------------------------------- */
.pageWrap{padding: 10px 12px;clear: both;text-align: center;font-size: 12px;}

/* icons--------------------------------------------------------------------------------------- */
#keyClose{float:right;color: #6c6c6c;text-decoration: none;background-image: url(../../images/goods/grayarrowup.png);background-repeat: no-repeat;background-position: 65px center;padding-top: 5px;padding-right: 20px;padding-bottom: 5px;padding-left: 10px;border: 1px solid #bcbcbc;background-color: #eeeeee;}
#keyClose:hover{background-color: #fff;}
#keyOpen{float: right;display: none;color: #6c6c6c;text-decoration: none;background-image: url(../../images/goods/grayarrowdown.png);background-repeat: no-repeat;background-position: 65px center;padding-top: 5px;padding-right: 20px;padding-bottom: 5px;padding-left: 10px;border: 1px solid #bcbcbc;background-color: #eeeeee;}
#keyOpen:hover{background-color: #fff;}
#productListIcon1{text-decoration: none;background-image: url(../../images/goods/icon1.png);background-repeat: no-repeat;	background-position: 0px center;height: 182px;width: 145px;font-size: 18px;color: #848484;text-align: center;font-family: "微软雅黑", "宋体";}
#productListIcon1:hover{background-image: url(../../images/goods/icon1On.png);color: #000000;}
#productListIcon2{text-decoration: none;background-image: url(../../images/goods/icon2.png);background-repeat: no-repeat;background-position: 0px center;height: 182px;width: 145px;font-size: 18px;color: #848484;text-align: center;font-family: "微软雅黑", "宋体";}
#productListIcon2:hover{background-image: url(../../images/goods/icon2On.png);color: #000000;}
#productListIcon3{text-decoration: none;background-image: url(../../images/goods/icon3.png);background-repeat: no-repeat;background-position: 0px center;height: 182px;width: 145px;font-size: 18px;color: #848484;text-align: center;font-family: "微软雅黑", "宋体";}
#productListIcon3:hover{background-image: url(../../images/goods/icon3On.png);color: #000000;}
#productListIcon4{text-decoration: none;background-image: url(../../images/goods/icon4.png);background-repeat: no-repeat;background-position: 0px center;height: 182px;width: 145px;font-size: 18px;color: #848484;text-align: center;font-family: "微软雅黑", "宋体";}
#productListIcon4:hover{background-image: url(../../images/goods/icon4On.png);color: #000000;}
#productListIcon5{text-decoration: none;background-image: url(../../images/goods/icon5.png);background-repeat: no-repeat;background-position: 0px center;height: 182px;width: 145px;font-size: 18px;color: #848484;text-align: center;font-family: "微软雅黑", "宋体";}
#productListIcon5:hover{background-image: url(../../images/goods/icon5On.png);color: #000000;}
#ok{float:left;display: block;width: 80px;height: 300px;background-image: url(../../images/goods/ok.jpg);background-repeat: no-repeat;overflow: hidden;color: #FFF;text-decoration: none;}
.checkIcon{
	display:inline-block;
	height:35px;
	line-height:35px;
	background-image: url(../../images/goods/checkoff.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.checkIconOn{
	background-image: url(../../images/goods/checkon.png)!important;
}


/* form--------------------------------------------------------------------------------------- */
.shirtSizeTable input[type="text"]{ width:50px;text-align:center;font-size: 12px;color: #666666;padding-top: 3px;padding-right: 5px;padding-bottom: 1px;padding-left: 5px;border: 1px solid #dcdcdc;height: 20px;line-height:20px;}
.shirtSizeTable input[type="text"]:focus{border: 1px solid #ff0000;}
.uploadfile1{position: relative;top: 0px;width: 118px;height: 59px;border: none;background: none;z-index: 6;opacity: 0;filter: alpha(opacity = 0);/* 兼容IE*/}
.btnupload{background-image: url("../../images/goods/selectpic.png");width: 118px;height: 32px;position: relative;z-index: 5;top: -60px;display: block;}
.imgFileDiv1{float: left;width: 118px;height: 98px;display: block;}
.uploadfile{position: relative;top: 0px;width: 116px;height: 59px;border: none;background: none;z-index: 6;opacity: 0;filter: alpha(opacity = 0);/* 兼容IE*/}
.btnupload1{background-image: url("../../images/goods/selectpic1.png");width: 116px;height: 29px;position: relative;z-index: 5;top: -60px;display: block;}
.btnupload2{background-image: url("../../images/goods/selectpic2.png");width: 116px;height: 29px;position: relative;z-index: 5;top: -60px;display: block;}
.btnupload3{background-image: url("../../images/goods/selectpic3.png");width: 116px;height: 29px;position: relative;z-index: 5;top: -60px;display: block;}
.imgFileDiv{width: 116px;height: 206px;display: block;}
.btnUploadBlue{background-image: url("../../images/goods/uploaddeepblue.png");width: 145px;height: 30px;position: relative;z-index: 5;top: -31px;display: block;}
.imgFileDivBlue{width: 145px;height: 30px;display: inline-block;*display: inline;*zoom: 1;}
.uploadFileBlue{cursor: pointer;position: relative;top: 0px;width: 145px;height: 31px;border: none;background: none;z-index: 6;opacity: 0;filter: alpha(opacity = 0);/* 兼容IE*/}
.goodsTable input[type="text"]{font-size: 12px;color: #666666;width: 238px;padding-top: 6px;padding-right: 35px;padding-bottom: 6px;padding-left: 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #dcdcdc;height: 20px;line-height: 20px;}
.goodsTable input[type="text"]:focus{border: 1px solid #ff0000;}
.goodsTable textarea{resize: none;font-size: 12px;color: #666666;width: 620px;height: 153px;padding-top: 6px;padding-right: 35px;padding-bottom: 6px;padding-left: 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #dcdcdc;line-height: 20px;}
.goodsTable textarea:focus{border: 1px solid #ff0000;}
.goodsTable table{width: 1100px;margin-left: auto;margin-right: auto;}
.goodsTable td{padding-top: 12px;padding-bottom: 12px;line-height: 24px;color: #999999;}
.goodsTable td a{text-decoration: none;}
.nopad td{padding-top: 0px;padding-bottom: 0px;}
.diyTable input[type="text"]{font-size: 12px;color: #666666;width: 138px;padding-top: 6px;padding-right: 10px;padding-bottom: 6px;padding-left: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #dcdcdc;height: 20px;line-height: 20px;}
.diyTable input[type="text"]:focus{border: 1px solid #ff0000;}
.diyTable textarea{resize:none;font-size: 12px;color: #666666;width: 300px;height: 40px;padding-top: 6px;padding-right: 15px;padding-bottom: 6px;padding-left: 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #dcdcdc;line-height:20px;}
.diyTable textarea:focus{border: 1px solid #ff0000;}
.diyTable table{width: 590px;}
.diyTable td{padding-top: 5px;padding-bottom: 5px;line-height: 24px;color: #999999;}
.diyTable td a{text-decoration: none;}



/* #button---------------------------------------------------------------------*/
#curPositionOn{font-size: 12px;color: #FFF;text-decoration: none;background-color: #5a6378;float: left;height: 34px;width: 102px;margin-right: 2px;text-align: center;line-height: 34px;}
#curPositionOn:hover{color: #f99000;}
#curPosition{font-size: 12px;color: #5a6378;text-decoration: none;float: left;height: 34px;width: 102px;margin-right: 2px;text-align: center;line-height: 34px;}
#curPosition:hover{color: #f99000;}
#curPositionGenusOn{font-size: 14px;color: #FFF;text-decoration: none;background-color: #232223;float: left;height: 38px;width: 102px;margin-right: 2px;text-align: center;line-height: 38px;}
#curPositionGenusOn:hover{color: #f99000;}
#curPositionGenus{font-size: 14px;color: #5a6378;text-decoration: none;float: left;height: 38px;width: 102px;margin-right: 2px;text-align: center;line-height: 38px;}
#curPositionGenus:hover{color: #f99000;}
.productFavorie{z-index: 7;background-image: url(../../images/common/productfavorie.png);background-repeat: no-repeat;display: block;height: 27px;width: 54px;position: relative;text-indent: -1000px;overflow: hidden;top: -400px;*top: -409px;left: 10px;*left: -100px;}
.productFavorie:hover{background-image: url(../../images/common/productfavorieon.png);}
.productFavorieOn{z-index: 7;background-image: url(../../images/common/productfavorieon.png);background-repeat: no-repeat;display: block;height: 27px;width: 54px;position: relative;text-indent: -1000px;overflow: hidden;top: -400px;*top: -409px;left: 10px;*left: -100px;}
.orderButton {float:right;color: #fff;background-color: #dd2d3a;border: 1px solid #dd2d3a;display: block;width: 111px;height: 39px;overflow: hidden;text-align: center;font-size: 14px;line-height: 39px;text-decoration: none;}
.sizeLabel{font-size:14px;line-height:35px;text-align: center;height: 35px;width: 180px;border: 1px solid #e2e2e2;display: inline-block;background-color: #fff;}
.sizeLabelon{font-size: 14px;line-height: 35px;text-align: center;	height: 35px;	width: 180px;border: 1px solid #e2e2e2;display: inline-block;background-color: #e2e2e2;}
.returnButton {color: #fff!important;background-color: #b2b2b2;border: 1px solid #b2b2b2;display: inline-block;width: 81px;height: 28px;overflow: hidden;font-size: 12px;line-height: 28px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-image: url(../../images/goods/return.png);background-repeat: no-repeat;background-position: 5px center; text-indent:30px;text-align:left;}
.nextButton {color: #fff!important;background-color: #dd2d3a;border: 1px solid #dd2d3a;display: inline-block;width: 81px;height: 28px;overflow: hidden;font-size: 12px;line-height: 28px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-image: url(../../images/goods/next.png);background-repeat: no-repeat;background-position: 62px center; text-indent:20px;text-align:left;}
.redButton {color: #fff!important;background-color: #dd2d3a;border: 1px solid #dd2d3a;display: inline-block;padding-left:10px;padding-right:10px;height: 28px;overflow: hidden;font-size: 12px;line-height: 28px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-indent:center; vertical-align:-40%;}
.redButton1 {color: #fff!important;background-color: #dd2d3a;border: 1px solid #dd2d3a;display: inline-block;padding-left:20px;padding-right:20px;height: 28px;overflow: hidden;font-size: 12px;line-height: 28px;text-decoration: none;text-indent:center; }
.redButton1:hover {color: #dd2d3a!important;background-color: #ffffff;border: 1px solid #dd2d3a;display: inline-block;padding-left:20px;padding-right:20px;height: 28px;overflow: hidden;font-size: 12px;line-height: 28px;text-decoration: none;text-indent:center; }
.blueButton {color: #fff!important;background-color: #4e5b62;border: 1px solid #4e5b62;display: inline-block;padding-left:10px;padding-right:10px;height: 28px;overflow: hidden;font-size: 12px;line-height: 28px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-indent:center; }
.brandFavorie{z-index: 7;background-image: url(../../images/goods/favoriteicon.png);background-repeat: no-repeat;display: block;height: 27px;width: 77px;position: relative;text-indent: -1000px;overflow: hidden;top: -430px;left: 10px;}
.brandFavorie:hover{z-index: 7;background-image: url(../../images/goods/favoriteiconon.png);background-repeat: no-repeat;display: block;height: 27px;width: 77px;position: relative;text-indent: -1000px;overflow: hidden;top: -430px;left: 10px;}
.brandFavorieOn{z-index: 7;background-image: url(../../images/goods/favoriteiconon.png);background-repeat: no-repeat;display: block;height: 27px;width: 77px;position: relative;text-indent: -1000px;overflow: hidden;top: -430px;left: 10px;}
.editButton {color: #fff!important;background-color: #5a6378;border: 1px solid #5a6378;display: inline-block;width: 120px;height: 39px;overflow: hidden;font-size: 12px;line-height: 39px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-indent: 45px;background-image: url(../../images/goods/editicon.png);background-repeat: no-repeat;background-position: 10px center;position: relative;left: 225px;top: 300px;}
#forSubmit {margin-right:30px;color: #fff;background-color: #fb6e52;border: 1px solid #df4e31;display: inline-block;width: 102px;height: 34px;overflow: hidden;text-align: center;font-size: 14px;line-height: 34px;text-decoration: none;}
#forSave {margin-right:30px;color: #666666;background-color: #fff;border: 1px solid #dddddd;display: inline-block;width: 102px;height: 34px;overflow: hidden;text-align: center;font-size: 14px;line-height: 34px;text-decoration: none;}
.diyLabelGrayButton {margin-right:20px;color: #fff!important;background-color: #bcbcbc;border: 1px solid #bcbcbc;display: inline-block;width: 166px;height: 52px;overflow: hidden;text-align: center;font-size: 18px;line-height: 52px;text-decoration: none;font-family: "微软雅黑", "宋体";-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.diyLabelRedButton {background-color: #ff4d49;border: 1px solid #ff4d49;}
.startButton {float:right;color: #2f2f2f!important;background-color: #fff;border: 1px solid #bcbcbc;display: inline-block;width: 75px;height: 26px;overflow: hidden;text-align: center;font-size: 12px;line-height: 26px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.startButton:hover {float:right;color: #fff!important;background-color: #ff4d49;border: 1px solid #ff4d49;}
.clothButton{width:80px;line-height: 25px;	color:  #fff!important;background-color: #ff4d49;	text-align: center;float: right;height: 25px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.fabricZoom{background-image: url(../../images/goods/fabriczoom.png);background-repeat: no-repeat;height: 18px;width: 22px;position: relative;left: 4px;top: -180px;display: none;text-indent: -1000px;overflow: hidden;display: block;z-index:7;}
.diyNewsLabel{background-image: url(../../images/goods/news.png);background-repeat: no-repeat;	height: 20px;width: 30px;position: relative;left: 0px;top: -190px;display: none;text-indent: -1000px;overflow: hidden;display: block;z-index:7;}
.sizeButton {font-family: "微软雅黑", "宋体";color: #5a6378!important;border: 1px solid #dddddd;display: inline-block;height: 27px;overflow: hidden;font-size: 14px;line-height: 27px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;vertical-align: -40%;text-align: center;padding-left:8px;padding-right:8px;*float:left;cursor: pointer;margin-right:5px;}
.sizeButtonOn {color: #fff!important;background-color: #5a6378;border: 1px solid #5a6378;cursor: pointer;}
.popComfirmButton {margin-right:10px;float:right;color: #fff!important;background-color: #ff4d49;border: 1px solid #ff4d49;display: inline-block;width: 80px;height: 28px;overflow: hidden;text-align: center;font-size: 14px;line-height: 28px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.popCancelButton {margin-right:10px;float:right;color: #fff!important;background-color: #b2b2b2;border: 1px solid #b2b2b2;display: inline-block;width: 80px;height: 28px;overflow: hidden;text-align: center;font-size: 14px;line-height: 28px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.whiteLable{font-size: 12px;line-height: 25px;background-color:#ffffff;color: #2f2f2f;display: inline-block;height: 25px;padding-right: 10px;padding-left: 10px;}
.whiteLable:hover{background-color:#ffb400;color: #FFF;}
.whiteLableOn{background-color:#ffb400;color: #FFF;}
#closeLabel{
	display: inline-block;
	height: 30px;
	width: 40px;
	position: relative;
	left: 815px;
	top: -35px;
}

.diyIndexButton{z-index: 7;background-color:#dd2d3a;color:#ffffff;text-align:center;display: inline-block;height: 37px;line-height: 37px;width: 100px;position: relative;overflow: hidden;top: -60px;left: 1110px;}
.diyIndexButton:hover{z-index: 7;background-color:#dd2d3a;color:#ffffff;text-align:center;display:  inline-block;height: 37px;line-height: 37px;width: 100px;position: relative;overflow: hidden;top: -60px;left: 1110px;}
.positionDiyTitle{
	width: 600px;
	font-family: "微软雅黑", "宋体";
	font-size: 45px;
	line-height: 50px;
	margin-right: auto;
	margin-left: auto;	
	}
.positionDiyBack{
	line-height: 58px;
	background-image: url(../../images/business/positionDiyBack.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	display: block;
	height: 58px;
	width: 100%;
	color:#b3b3b3;
	}
.positionDiyNoBack{
	line-height: 38px;
	text-align: center;
	display: block;
	height: 38px;
	width: 100%;
	color:#b3b3b3;
	}

.staticbanner { font-family: "微软雅黑", "宋体";font-size: 14px;text-align:center;height: 192px;background-image: url(../../images/business/staticbanner.png);background-repeat: no-repeat;background-position: center center;width: 100%;margin-bottom: 15px;}
.staticbanner2 { font-family: "微软雅黑", "宋体";font-size: 14px;text-align:center;height: 192px;background-image: url(../../images/goods/staticbanner2.png);background-repeat: no-repeat;background-position: center center;width: 100%;margin-bottom: 15px;}
.staticBannerTitle{
	font-size: 30px;
	line-height: 50px;
	padding-top:50px;
}
.indexDiyOrderWrap { text-align:center;overflow: hidden;width: 1220px;zoom: 1;display: block;margin-right: auto;margin-left: auto;}
.indexDiyOrderWrap div{ margin-top:45px;cursor: pointer;}
#tz{
	float:left;
	margin-right:45px;
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/tx.png);
	background-repeat: no-repeat;	
	}
#tz:hover{
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/tx-on.png);
	background-repeat: no-repeat;	
	}
#xz{
	float:left;
	margin-right:45px;
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/xz.png);
	background-repeat: no-repeat;	
	}
#xz:hover{
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/xz-on.png);
	background-repeat: no-repeat;	
	}
#xk{
	float:left;
	margin-right:45px;
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/xk.png);
	background-repeat: no-repeat;	
	}
#xk:hover{
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/xk-on.png);
	background-repeat: no-repeat;	
	}
#cy{
	float:left;
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/cy.png);
	background-repeat: no-repeat;	
	}
#cy:hover{
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/cy-on.png);
	background-repeat: no-repeat;	
	}
#mj{
	float:left;
	margin-right:45px;
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/mj.png);
	background-repeat: no-repeat;	
	}
#mj:hover{
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/mj-on.png);
	background-repeat: no-repeat;	
	}
#dy{
	float:left;
	margin-right:45px;
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/dy.png);
	background-repeat: no-repeat;	
	}
#dy:hover{
	width: 271px;
	height: 319px;
	display: block;
	background-image: url(../../images/goods/dy-on.png);
	background-repeat: no-repeat;	
	}
.indexDiyOrderWrap h1{
	font-size: 18px;
	color: #13182b;
	padding-top: 150px;
}
.indexDiyOrderWrap h2{
	font-size: 13px;
	color: #bdbdbd;
	font-family: Arial, Helvetica, sans-serif;
}

.getSizeButton{
	font-size: 18px;
	color: #FFF!important;
	text-align: center;
	display: block;
	height: 64px;
	width: 102px;
	font-family: "微软雅黑", "宋体";
	background-color: #b4b7bf;
	line-height: 64px;
	float:left;
	margin-left:20px;
	}
.getSizeButtonOn{
	font-size: 18px;
	color: #FFF!important;
	text-align: center;
	display: block;
	height: 64px;
	width: 102px;
	font-family: "微软雅黑", "宋体";
	background-color: #5a6378;
	line-height: 64px;
	float:left;
	margin-left:20px;
	}
.getSizeTitle{
	color:#4e5b62;
	font-size: 14px;
	font-family: "微软雅黑", "宋体";
	font-weight:bold;
	}
	
.getSizeTable input[type="text"]{font-size: 12px;color: #666666;width: 97px;padding-top: 6px;padding-right: 10px;padding-bottom: 6px;padding-left: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #cccccc;height: 12px;line-height:12px;}
.getSizeTable input[type="text"]:focus{border: 1px solid #ff0000;}

.imgFileDiv3{float:left;width:110px;height:62px;display:block;}
.uploadfile3{width: 62px;height: 62px;border: none;background: none;z-index: 2;opacity: 0;filter:alpha(opacity=0);/* 兼容IE */ }
.btnupload3{
	background-image: url(../../images/goods/selectedpic3.png);
	width: 62px;
	height: 62px;
	position: relative;
	z-index: 5;
	top: -144px;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);/* 兼容IE */
}

.wordPosition{
	width:500px;
	position: relative;
	z-index: 5;
	left: 25px;
	top: -80px;
}
.labelPosition{
	width:100px;
	position: relative;
	z-index: 5;
	left: 40px;
	top: -220px;
}
/* getSizeTable--------------------------------------------------------------------------------------- */
.getSizeTableGray{background-color:#d2d2d2;}
.sizeTableBlack{background-color:#000;}
.sizeTableBlack td{line-height: 30px;height: 30px;background-color: #FFF;text-align: center;}

.minBack{
	line-height: 24px;
	color: #5e5e5e;
	height: 24px;
	width: 24px;
	background-color: #FFF;
	border: 1px solid #ddd;
	background-image: url(../../images/goods/jian.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-999px;
}
.minBack:hover{
	background-image: url(../../images/goods/jianred.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-999px;
}
.addBack{	
    line-height: 24px;
	color: #5e5e5e;
	height: 24px;
	width: 24px;
	background-color: #FFF;
	border: 1px solid #ddd;
	background-image: url(../../images/goods/add.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-999px;
}
.addBack:hover{	
    line-height: 24px;
	color: #5e5e5e;
	height: 24px;
	width: 24px;
	background-color: #FFF;
	border: 1px solid #ddd;
	background-image: url(../../images/goods/addred.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-999px;
}
.typeNumber{
	line-height: 24px;
	text-align:center;
	color: #5e5e5e;
	height: 10px!important;
	line-height: 10px!important;
	width:30px!important;
	background-color: #FFF;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd!important;
	border-bottom-color: #dddddd!important;
	border-right-width: 0px!important;
	border-left-width: 0px!important;
	border-right-style: solid;
	border-left-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px!important;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align:2px;
	}
	
.getSizeNextButton {color: #fff!important;background-color: #ff5274;border: 1px solid #ff5274;display: inline-block;width: 116px;height: 32px;overflow: hidden;text-align: center;font-size: 12px;line-height: 32px;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom: 90px;margin-left:10px;margin-right: 10px;}
.getSizeNextButton:hover {color: #fff!important;background-color: #000;border: 1px solid #000;}

.customLabelWrap {
  float: right;
  height: 36px;
  line-height: 36px;
  width: 606px;
  display: block;
}

a.customDiyLabel.customDiyLabelOn {
  color: #333333;
  background-color: #fcfcfc;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #d9d9d9;
  border-right-color: #d9d9d9;
  border-bottom-color: #fcfcfc;
  border-left-color: #d9d9d9;
}
.customDiyLabel {
  font-size: 18px;
  font-family: "微软雅黑", "宋体";
  line-height: 35px;
  color: #ffffff;
  background-color: #a5a5a5;
  display: inline-block;
  height: 35px;
  width: 155px;
  margin-right: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #a5a5a5;
  text-align: center;
  position: relative;
  left: 0px;
  top: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
}
.redButton2 {
	color: #fff!important;
	background-color: #dd2d3a!important;
	border: 1px solid #dd2d3a!important;
	display: inline-block;
	padding-left: 20px!important;
	padding-right: 20px!important;
	height: 24px!important;
	overflow: hidden;
	font-size: 12px;
	line-height: 24px!important;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-indent: center;
}
.diyTable input[type="text"]{font-size: 12px;color: #666666;width: 138px;padding-top: 6px;padding-right: 10px;padding-bottom: 6px;padding-left: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #dcdcdc;height: 20px;line-height:20px;}
.modelButton-on{
	background-image: url(../../images/goods/3dbutton-on.png);
	background-repeat: no-repeat;
	height: 34px;
	line-height:34px;
	width: 54px;	
	display: inline-block;
	color:#000;
	font-size:12px;
	font-family:"微软雅黑", "宋体";
	text-align:center;
	
	}
.modelButton{
	background-image: url(../../images/goods/3dbutton.png);
	background-repeat: no-repeat;
	height: 34px;
	line-height:34px;
	width: 54px;	
	display: inline-block;
	color:#888;
	font-size:12px;
	font-family:"微软雅黑", "宋体";
	text-align:center;
	}
.modelButtonWrap {
  width: 120px;
  position: relative;
  left: 30px;
  top: -50px;
}
#styleWrap .suitPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 252px;
	position: relative;
	left: 180px;
	top: 50px;
	}
#fabricWrap .suitPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 252px;
	position: relative;
	left: 180px;
	top: 50px;
	}
#styleWrap .rightIcon{background-image: url(../../images/goods/righticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top: 30px;position: relative;left: 245px;top: 300px;}
#styleWrap .lefttIcon{background-image: url(../../images/goods/lefticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top:30px;margin-left:50px;margin-right:150px;position: relative;left: 50px;top: 300px;}
#styleWrap .rightIcon1{background-image: url(../../images/goods/righticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top:30px;}
#styleWrap .lefttIcon1{background-image: url(../../images/goods/lefticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top:30px;margin-left:70px;margin-right:150px;}
#fabricWrap .rightIcon{background-image: url(../../images/goods/righticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top: 30px;position: relative;left: 245px;top: 300px;}
#fabricWrap .lefttIcon{background-image: url(../../images/goods/lefticon.png);background-repeat: no-repeat;display: inline-block;height: 47px;width: 32px;margin-top:30px;margin-left:50px;margin-right:150px;position: relative;left: 50px;top: 300px;}

.diyLabel{font-size:18px;font-family: "微软雅黑", "宋体";line-height: 35px;color: #ffffff;background-color: #a5a5a5;display: inline-block;height: 35px;width: 155px;margin-right: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #a5a5a5;text-align: center;position: relative;left: 0px;top: 0px;	border-top-left-radius:8px;border-top-right-radius:8px;-webkit-border-top-left-radius:8px;-moz-border-top-right-radius:8px;}
.diyLabelOn{color: #333333;background-color: #fcfcfc;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #d9d9d9;border-right-color: #d9d9d9;border-bottom-color: #fcfcfc;border-left-color: #d9d9d9;	}

#styleWrap .pantsPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 565px;
	width: 262px;
	position: relative;
	left: 180px;
	top: 50px;
	}
#fabricWrap .pantsPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 565px;
	width: 262px;
	position: relative;
	left: 180px;
	top: 50px;
	}
.redButton2 {
	color: #fff!important;
	background-color: #dd2d3a!important;
	border: 1px solid #dd2d3a!important;
	display: inline-block;
	padding-left: 20px!important;
	padding-right: 20px!important;
	height: 24px!important;
	overflow: hidden;
	font-size: 12px;
	line-height: 24px!important;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-indent: center;
}
.settingStyleWrap{padding-left:20px;color: #9b9b9b;display: block;padding-bottom:10px;line-height: 32px;height: 32px;width: 560px;	}
.settingTitleWrap{display: block;line-height: 32px;height: 32px;width: 559px;padding-left: 15px;margin-top: 20px;margin-bottom: 30px;margin-left:5px;cursor: pointer; background-color:#c6c6c6;color:#fff;}
.diyKeyLabelOn{color: #383838!important;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #ff5274;}
.fabricPicListWrap{
	display: block;
	height: 500px;
	width: 574px;
	overflow-x: none;
	overflow-y: scroll;
	}
	
#styleWrap .shirtPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 269px;
	position: relative;
	left: 180px;
	top: 50px;
	}
#fabricWrap .shirtPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 269px;
	position: relative;
	left: 180px;
	top: 50px;
	}

#styleWrap .suitPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 252px;
	position: relative;
	left: 180px;
	top: 50px;
	}
#fabricWrap .suitPicPosition{
	background-repeat: no-repeat;
	display: block;
	height: 495px;
	width: 252px;
	position: relative;
	left: 180px;
	top: 50px;
	}




.modelButton-on{
	background-image: url(../../images/goods/3dbutton-on.png);
	background-repeat: no-repeat;
	height: 34px;
	line-height:34px;
	width: 54px;	
	display: inline-block;
	color:#000;
	font-size:12px;
	font-family:"微软雅黑", "宋体";
	text-align:center;
	
	}
.modelButton{
	background-image: url(../../images/goods/3dbutton.png);
	background-repeat: no-repeat;
	height: 34px;
	line-height:34px;
	width: 54px;	
	display: inline-block;
	color:#888;
	font-size:12px;
	font-family:"微软雅黑", "宋体";
	text-align:center;
	}
.modelButtonWrap{
	width: 120px;
	height34px;
	position: relative;
	left: 30px;
	top: -50px;	
	}

#styleWrap .picPosition{
	background-repeat: no-repeat;
	display: block;
	height: 662px;
	width: 201px;
	position: relative;
	left: 200px;
	top: -10px;
	}
#fabricWrap .picPosition{
	background-repeat: no-repeat;
	display: block;
	height: 662px;
	width: 201px;
	position: relative;
	left: 200px;
	top: -10px;
	}
.pantsWrap{background-image: url(../../images/goods/diyback.png);background-repeat: no-repeat;float: left;height: 784px;width: 623px;position:relative;}
.labelWrap{/*float: right;*/height: 36px;line-height: 36px;width: 606px; display:block; }
/*#fabricClientButtonWrap{
	position: relative;
	z-index: 201;
	left: -16px;
	top: 0px; 
	text-align:center;
	}*/
#fabricClientWrap{
	width: 636px;
	height: 702px;
	display: block;
	position: relative;
	z-index: 200;
	left: -16px;
	*left: -316px;
	top: 30px;
	background-image: url(../../images/goods/blackBack.png);
	background-repeat: repeat;
	}
#fabricClientWrap td{
	color:#fff;
}
.BeforeTheStyle{
	position: relative;
	z-index: 201;
	left: -16px;
	text-align:center;
	}
.fixedClass{background-color:#2f3030;position:fixed;width:100%;bottom:0;height:60px;left: 0;text-align: center;z-index: 201;padding-left:20%;}
.fixedClass .preTheStyle{background-color:#3e3e3e;border-color:#3e3e3e;}
.clearfix:after { content:""; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }
.wrap1080{width:1080px;margin:0 auto;}
.eagueColor{color:#646267;}
.eaguecontent{height: 7516px;background-image: url(../../images/goods/eaguecontent.png);background-repeat: no-repeat;background-position: center center;width: 100%;}
.guideIntroduce{height: 819px;background-image: url(../../images/goods/guidebg.png);background-repeat: no-repeat;background-position: center center;width: 100%;}
.guideIntroduceBd{height:731px;width:1204px; background: url(../../images/goods/linglu.png) no-repeat center 300px;}
/*.guideIntroduceBd ul li{list-style: none;height:350px;width:310px;background-image: url(../../images/goods/guideLibg.png);background-repeat: no-repeat;background-position: center bottom;text-align: center;padding-top: 330px;float: left;margin-right: 20px;margin-left:20px;}
.guideIntroduceBd  li p{padding-left: 35px;padding-right: 35px;line-height: 30px;text-align: left;}*/
li .guideLiHead p{text-align: center;}
.guideJoin{padding-top: 50px;padding-bottom: 50px;background-image: url(../../images/goods/guideJoinBg.png);background-repeat: no-repeat;background-position: center center;}
.guideJoinContent{padding-left: 48px;padding-right: 48px;}
.guideJoinHead h2{line-height: 56px;background-color: #b1b1b1;text-align: center;color:#fff;font-size: 24px;}
.guideJoinBd{background-color: #fdfdfd;font-size: 18px;color:#aaaaaa;padding-left: 36px;padding-right: 36px;padding-bottom: 20px;}
.guideJoinBd p{text-align: center;line-height: 70px;margin-bottom: 10px;}
.guideJoinBd tr td{width:980px;display:block;}
.guideJoinBd tr td input{width:100%;line-height: 36px;border: 1px solid #d4d4d4; color:#aaaaaa;padding-left: 10px;margin-bottom: 32px;}


/*----------------------------*/
.brandList{font-family:"微软雅黑" ;}
.brandClassificTil{font-weight: normal;font-size: 24px;color:#3d4351;text-align: center;line-height: 80px;}
.slideGroup{ width:1280px; text-align:left; margin:0 auto; }
.slideGroup .ithzsShow{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative; padding-bottom: 60px; border-bottom: 1px solid #e8e8e8; }

.slideGroup .ithzsShowPrev,.slideGroup .ithzsShowNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:220px; border:1px solid #ddd; line-height:250px;}
.slideGroup .ithzsShowNext{ left:auto; right:5px;}
.slideGroup .ithzsShowPrev:hover,.slideGroup .ithzsShowNext:hover{ border-color:#ff5274;  }

.slideGroup .ithzsShowBox ul{ overflow:hidden; zoom:1;   }
.slideGroup .ithzsShowBox ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .ithzsShowBox ul li .pic{ text-align:center; }
.slideGroup .ithzsShowBox ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .ithzsShowBox ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .ithzsShowBox ul li .title{ line-height:24px;   }
.ithzsShow{margin-left:40px;margin-right:40px;height:224px;}
.ithzsShow ul{position:absolute;width:3000px;}
.ithzsShow ul li{float: left;margin-left:20px;margin-right: 20px;list-style: none;position:relative;overflow:hidden;height:220px;border:1px solid #eee;}
.ithzsShowUl li a{display:inline-block;}
.ithzsShow ul li:hover{border-color:#232731;}
.ithzsShow ul li a p{width:200px;height:170px;}
.ithzsShow ul li a p img{width:200px;height:70px; margin-top:50px;}
.ithzsShow ul li a span{display:inline-block;height:90px;width:200px;text-align: center;background:#232731;transform:translate(0px,0px);transition:all 1s;}
.ithzsShow ul li a:hover span{transform:translate(0px,-40px);}
.ithzsShow ul li a span em{height:50px;display:inline-block;width:100%;line-height: 50px;color:#fff;font-style: normal;}
.ithzsShow ul li a span i{height:30px;display:inline-block;width:90px;line-height: 30px;color:#232731;font-style: normal;background:#fff;}
.ithzsShowDown .listTitle{margin-top:40px;line-height:60px;font-weight: normal;font-size: 22px;}


.recommendationBox{text-align: center;}
.brandNav{height:39px;border-top:2px solid #0f2337;border-bottom: 2px solid #0f2337;line-height: 39px;font-size: 18px;font-family: "微软雅黑";margin-bottom:30px;}
.brandRecommend,.newArrival,.recommendMore{width:98px;float: left;text-align: center;color: #2d3345;cursor: pointer;}
.recommendMore{float: right;width:120px;color:#9a9a9a;}
/*商品推荐内容*/
.recommendContent{margin-bottom:90px;}

.brandRecommendCurrent{border-bottom: 2px solid #ff5274;}
/*收藏ico*/
.recommendContent .recommendCollect{position: absolute; width:30px;height:30px;background-image: url(../../images/goods/rCollectIco.png);background-position: center;background-repeat: no-repeat;bottom:16px;right:10px;cursor:pointer;z-index: 10;}
.recommendContent .recommendCollectOn{background-image: url(../../images/goods/rCollectIcoOn.png);}
.recommendContent li{position:relative; padding:6px;width:230px;list-style: none; transition:background 1s;margin-left:1px;float: left;margin-top: 2px;border: 1px solid #fff;}
.recommendContent li a{display: inline-block;}
.recommendContent li:hover{background-color:#2d3345;}
.recommendContent li:hover .recommendTil{color:#fff;}
.recommendContent li .recommendTil{width:230px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;line-height:30px;padding-top: 10px;color:#3d4351;text-align: left;font-family: '微软雅黑';}
.recommendContent li .recommendPayment{width:230px;text-align: left;font-family: '微软雅黑';}
.recommendImg{height:280px;width:230px;overflow:hidden;text-align: center;}
.recommendImg img{transform:scale(1,1);transition:all 1s;height:278px;width:auto;}
.recommendImg:hover.recommendImg img{transform:scale(1.2,1.2);}
.baseBannerList {text-align:center;color:#fff;position:relative;height:60px;overflow:hidden;}
.baseArrowPrev{position:absolute;left:0;top:17px;width:240px;text-align: right;}
.baseArrowNext{position:absolute;right:0;top: 17px;width:240px;text-align: left;}
.baseBannerList h3{line-height: 50px;margin-top:24px;font-size: 24px;font-weight: normal;}
.styleSelect {    margin-left: auto;margin-right: auto;overflow:hidden;height:60px;position:relative;width:755px;}
.styleSelect ul{width: 3200px;position: absolute;left:0px;top: 0;}
.styleSelect ul li{float: left;margin-top:20px;list-style: none;padding-left:10px;padding-right:10px;color:#69758c;height:26px;cursor:pointer;cursor:pointer;}
.styleSelect ul li a{float: left;padding-left:10px;padding-right:10px;color:#69758c;height:26px;display: inline-block;}
.styleSelect li.styleSelectCurrent{color:#ff5274;}
.positionDiyBg{height:766px;background-image: url(../../images/home/positionDiyBg.jpg);background-position: center;background-repeat: no-repeat;margin-left: auto;margin-right: auto;}
.positionDiyTitle{width: 600px;font-family: "微软雅黑", "宋体";font-size: 24px;line-height: 34px;margin-right: auto;margin-left: auto;color:#b2b2b2;text-align: center;}
.positionDiyBack{line-height: 24px;text-align: center;display: block;width: 100%;color:#69758c;}
.underlineCol{border-bottom: 2px solid #ff5274;display:inline-block;width:45px;    display: block;width: 45px;text-align: center;margin: 0 auto;}
.underlineColGrey{border-bottom: 2px solid #676767;display:inline-block;width:45px;}
.positionDiyNoBack{line-height: 24px;text-align: center;display: block;width: 100%;color:#b3b3b3;}
/*要放在最下面*/
.indextTitleColor{color:#414656;}





/*-----------------------------款式定制------------------------------------*/
/*上装*/
.designDiyBigPic{height:784px;position:absolute;left:0;top:-9px;z-index: 333;}
.designDiyBigPic img{height:784px;width:622px;}
.customSytleBtn{color: #666!important;background-color: #fff!important;border: 1px solid #666!important;display: inline-block;padding-left: 20px!important;padding-right: 30px!important;height: 28px!important;overflow: hidden;font-size: 12px;line-height: 28px!important;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-indent: center;background-image: url(../../images/goods/customSytleNext.png);background-repeat: no-repeat;background-position: 80px center;margin-left: 180px;}
.customSytleBtnOn{background-color: #000!important;border: 1px solid #000!important;color:#bbbbbb!important;padding-left: 30px!important;background-image: url(../../images/goods/customSytlePrev.png);background-repeat: no-repeat;background-position: 20px center;padding-right: 20px!important;}
.designDiyBox{margin-right:20px;}
.designDiyCont{padding:0 10px;max-height:400px;overflow-y:scroll;}
.designDiyCont ul li{list-style: none;height:190px;width:160px;overflow:hidden;float: left;margin:15px 10px;cursor:pointer;}
.designDiyCont ul li p{height:190px;width:160px;position:relative;}
.designDiyCont li p .designDiySpan{height:190px;width:160px;position:absolute;left:0;top:0;}
.designDiyCont li p .designDiySpanOn{height:190px;width:160px;position:absolute;left:0;top:0;background:url(../../images/goods/designDiySpanOn.png) no-repeat;z-index: 11;}
.designDiyCont ul li img{height:190px;width:auto;}

.chooseAaccessoriesBox{margin-top:30px;font-family: "Microsoft YaHei";margin-bottom: 140px;color:#333;}
.chooseAaccessoriesBox h2{font-size: 18px;font-weight: normal;line-height: 50px;}
.embroideryBox .embroideryCont{padding: 40px 0;}
.embroideryCont .verbalContent{padding:5px 10px;width:200px;margin-right:80px;}
.embroideryCont .colorBox {display:inline;position:relative;}
.unClickBox{height:100%;width:100%;position:absolute;right:0;top:0;display:none;}
.embroideryCont .colorBox .colorList{margin-right:5px;position:relative;cursor:pointer;}
.embroideryCont .colorList img{height:14px;width:35px;}
.embroideryCont .colorList i{height:14px;width:35px;position:absolute;left:0;top:0;}
.embroideryCont .colorList i.iColorOn{height:14px;width:35px;background:url(../../images/goods/colorOn.png) no-repeat center;}
.selectChoose{padding:5px 10px;margin-right: 80px;}
.addFontBtn{padding:8px 30px;color:#fff;background:#ff5274;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-border-radius: 20px;margin-left:100px;}
.designDiyList{padding:10px 80px ;position:relative;}
.designDiyList a{position:absolute;left:0;top:40px;}
.designDiyList span{margin-right:20px;position:relative;display:inline-block;height:74px;width:62px;text-align: center;}
.designDiyList span i{height:30px;width:30px;background:url(../../images/goods/closelabel.png) no-repeat center;display:inline-block;position:absolute;right:0;top: 0;cursor:pointer;display:none;}
.designDiyList span em{font-style: normal;margin-top: 10px;display:inline-block;}
.designDiyList span img{vertical-align: middle;height:74px;width:62px;}

/*2个轮播开始*/
.liningCont .liningShow{overflow:hidden; zoom:1;padding:40px 50px; position:relative; padding-bottom:60px;margin-left:20px;margin-right:30px;height:100px;}
.liningCont .liningShowPrev,.liningCont .liningShowNext{ position:absolute; left:0; top:40px; display:block; width:30px; height:160px; line-height:160px;}
.liningCont .liningShowNext{ left:auto; right:0;}
.liningCont .liningShowPrev:hover,.liningCont .liningShowNext:hover{ border-color:#ff5274;  }
.liningCont .liningShowBox ul{ overflow:hidden; zoom:1; }
.liningCont .liningShowBox ul li{ margin:0 16px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.liningCont .liningShowBox ul li .pic{ text-align:center; }
.liningCont .liningShowBox ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.liningCont .liningShowBox ul li .pic a:hover img{ border-color:#999;  }
.liningCont .liningShowBox ul li .title{ line-height:24px;   }
.liningShow ul{position:absolute;width:3000px;}
.liningShow ul li{float: left;margin-left:20px;margin-right: 20px;list-style: none;position:relative;}
.liningShow li>a{display:inline-block;height:110px;overflow:hidden;}
.liningShow ul li>a p{width:110px;height:110px;position:relative;overflow:hidden;text-align: center;}
.liningShow ul li>a p i{height:18px;width:22px;text-align: center;display:inline-block;background:#ff5274;position:absolute;right:0;top:10px;font-style: normal;color:#fff;}
.liningShow ul li>a p img{width:110px;height:auto;}
.liningShow ul li>a>span{display:inline-block;height:30px;width:110px;text-align: center;background:rgba(0,0,0,0.5);transform:translate(0px,0px);transition:all 1s;}
.liningShow ul li a:hover span{transform:translate(0px,-30px);}
.liningShow ul li a span em{height:30px;display:inline-block;width:100%;line-height: 30px;color:#fff;font-style: normal;}
.ithzsShowDown .listTitle{margin-top:40px;line-height:60px;font-weight: normal;font-size: 22px;}
.amplificationBox{text-align: left;margin-top: 6px;}
.amplificationBox .inputSpan{display:inline-block;height:20px;width:20px;border:1px solid #e1e1e1;margin-left: 22px;cursor:pointer;}
.amplificationBox span.spanOn{background:url(../../images/goods/spanOn.png) no-repeat center;}
.amplificationBtn{cursor:pointer;}
/*轮播结束*/

/*模态弹窗*/
.magnifyBox{height:100%;width:100%;background:rgba(0,0,0,0.5);position:fixed;z-index: 99999;left:0;top:0;display:none;}
.magnifyCont{background:#fff;position:fixed;left:50%;top:50%;height:10px;width:960px;margin-left:-480px;height:520px;margin-top: -260px;}
.magnifyBox .swiper-container{height:488px;width:860px;}
.magnifyShowBox{position:relative;padding:15px 50px;overflow:hidden;height:488px;}
.magnifyShowBox .liningShowPrev {position: absolute;left: 10px;width: 30px;height: 500px;line-height: 500px; z-index: 3333;text-align: center;}
.magnifyShowBox .liningShowNext {position: absolute;right: 20px;width: 30px;height: 500px;line-height: 500px;z-index: 3333;text-align: center;}
.magnifyShow .magnifyCont_L{height:486px;width:470px;border:1px solid #e0e0e0;margin-right:30px;overflow:hidden;text-align: center;}
.magnifyShow .magnifyCont_L img{width:470px;height:auto;}
.magnifyShow .magnifyCont_R{width:320px;padding-top: 120px;height:486px;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.magnifyShow .magnifyCont_R p{color:#7f7f7f;line-height: 30px;}
.magnifyShow .magnifyCont_R .useBtnBox{line-height: 22px;}
.magnifyShow .magnifyCont_R .useBtn{background:#000;outline:none;border:none;color:#fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;padding:0 20px;cursor: pointer;transition:background 0.35s;margin-top: 10px;}
.magnifyShow .magnifyCont_R .useBtn:hover{background:#ff5274;}
.magnifyCloseBtn{position: absolute;right:-40px;top:0px;background:#fff;height:40px;width:40px;z-index: 3333;line-height: 50px;text-align: center;cursor:pointer;}

/*模态弹窗结束*/


/*-------------------------extravagantIndex.html轻奢定制----------------------*/
.extravagantpage,.extravagantpage a{font-family:"微软雅黑";}
.extravagantSlide{height:680px;position: relative;}
.extravagantSlide ul li{position:absolute;width:100%;z-index: 1;display:none;}
.extravagantSlide ul li.on{display:block;}
.extravagantSlide ol{position: absolute;bottom:20px;left:50%;z-index: 9999;}
.extravagantSlide ol li{height:10px;width:10px;background:#dcdcdc;list-style: none;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;float: left;margin-left:7px;margin-right:7px;cursor:pointer;}
.extravagantSlide ol li.current{background:#00a8ff;}
.extravagantTitle{position:relative;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;margin-top: 64px;}
.extravagantTitle h2{line-height: 64px;font-size: 24px;margin-left:25px;font-weight: normal;}
.extravagantTitle .shareBox{position:absolute;right:30px;top: 26px;cursor:pointer;z-index: 22;}
/*分享*//*
.shareBox .shareListBox {display:none;}
.shareListBox .bdsharebuttonbox a{display:block;}*/
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{float:none;}
/*分享结束*/
.extravagantList{margin-top:40px;}
.extravagantList ul li{height:500px;width:350px;float: left;margin:20px 2px;list-style: none;overflow:hidden;text-align: center;position: relative;}
.extravagantList li span img{height:520px;width:auto;}
.extravagantList li em {position:absolute;left:0px;top:0px;height:100%;width:100%;background:rgba(0,0,0,0.0);line-height: 500px;cursor:pointer;filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.extravagantList li:hover em{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1; background:rgba(0,0,0,0.5);}

/*弹框部分*/
.extravaCont{height:700px;width:1280px;margin-left:-640px;margin-top:-350px;}
.magnifyShow .extravagantCont_L{width:505px;height:700px;border:none;margin-right:70px;overflow:hidden;text-align: center;}
.magnifyShow .extravagantCont_L img{width:470px;height:670px;}
.extravaCont .extravagantCont_R{width:520px;padding-top:0;height:700px;padding-top:15px;}
.extravaCont .extravagantCont_R h2{font-size: 22px;font-weight: normal;height:47px;}
.extravagantShowBox{height:700px;padding:15px 82px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.extravaBox .swiper-container{height:750px;width:527px;}
.workFlowBox{padding:30px 0 30px 5px;}
.extravaCont .extravagantCont_R p{color:#606060;line-height: 30px;}
.extravagantCont_R .personalDetailsBox p{margin-top:10px;font-size: 14px;color:#000000;}
.extravagantCont_R .personalDetailsBox input{width:370px;border:none;border-bottom:1px dashed #000;outline:none;padding:5px 10px;}
.extravaCont .appointmentBtn{display:inline-block;background:#000;color:#fff;padding:10px 30px;font-size: 14px;margin-left:80px;}
.extravaCont .appointmentBtn:hover{background:#ff5274;}
.extravaCloseBtn{right:0;}
.magnifyShowBox .extravaShowNext{right:55px;height:700px;line-height: 750px;}
.magnifyShowBox .extravaShowPrev{left:40px;height:700px;line-height: 750px;}


@media (min-width:768px) and (max-width:991px){
	.container1338{width:100%;}
	.diy_List .diy_bd ul li{margin-bottom: 10px;}
}

















